const defaultTheme = require('tailwindcss/defaultTheme');
const MAX_SPACING = 600;
const spacing = {
  auto: 'auto',
  '-1': '-1px',
  '1/2': '50%',
  '1/4': '25%',
  0: '0px',
};
for (let i = 0; i <= MAX_SPACING; i++) {
  spacing[i] = `${i}px`;
}

module.exports = {
  content: ['./src/**/*.{jsx,tsx,html,js,ts,less,css}'],
  theme: {
    fontSize: {
      0: 0,
      10: '10px',
      11: '11px',
      12: '12px',
      13: '13px',
      14: '14px',
      15: '15px',
      16: '16px',
      17: '17px',
      18: '18px',
      19: '19px',
      20: '20px',
      22: '22px',
      24: '24px',
      26: '26px',
      28: '28px',
      30: '30px',
      32: '32px',
      40: '40px',
      50: '50px',
      60: '60px',
      70: '70px',
      80: '80px',
      90: '90px',
    },
    inset: spacing,
    colors: {
      transparent: 'transparent',
      white: '#ffffff',
      lightWhite: '#f5f5f5',
      green: '#00985b',
      lightGrey: '#cdcdcd',
      blueGrey: '#f7f8fa',
      blue: '#3ba0ff',
      lightblue: '#eef4ff',
      skyblue: '#2e74ff',
    },
    minHeight: {
      0: '0',
      100: '100%',
      101: '101%',
    },
    extend: {
      spacing,
      lineHeight: spacing,
    },
    zIndex: {
      0: 0,
      1: 1,
      2: 2,
      5: 5,
      10: 10,
      98: 98,
      99: 99,
      999: 999,
      1000: 1000,
      1001: 1001,
    },
    borderRadius: {
      ...defaultTheme.borderRadius,
      none: '0',
      2: '2px',
      3: '3px',
      4: '4px',
      5: '5px',
      6: '6px',
      7: '7px',
      8: '8px',
      10: '10px',
      12: '12px',
      14: '14px',
      16: '16px',
      20: '20px',
      22: '22px',
      100: '100px',
      full: '9999px',
      half: '50%',
    },
    opacity: {
      ...defaultTheme.opacity,
      0: '0',
      10: '.1',
      20: '.2',
      25: '.25',
      30: '.3',
      40: '.4',
      50: '.5',
      60: '.6',
      70: '.7',
      75: '.75',
      80: '.8',
      90: '.9',
      100: '1',
    },
  },
  corePlugins: {
    preflight: false,
  },
};
